<template>
  <div>
    <div class="fa">
      <span>
        <svg
          t="1646960208995"
          class="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2286"
          width="15"
          height="15"
        >
          <path
            d="M722.488889 642.844444c45.511111-62.577778 73.955556-136.533333 73.955555-216.177777C796.444444 221.866667 631.466667 56.888889 426.666667 56.888889S56.888889 221.866667 56.888889 426.666667 221.866667 796.444444 426.666667 796.444444c79.644444 0 153.6-28.444444 216.177777-68.266666l221.866667 221.866666c22.755556 22.755556 56.888889 22.755556 79.644445 0 22.755556-22.755556 22.755556-56.888889 0-79.644444l-221.866667-227.555556zM426.666667 739.555556C256 739.555556 113.777778 597.333333 113.777778 426.666667S256 113.777778 426.666667 113.777778 739.555556 256 739.555556 426.666667 597.333333 739.555556 426.666667 739.555556"
            fill="#222222"
            p-id="2287"
          ></path>
        </svg>
        {{ item.name }}
      </span  >
    </div>
  </div>
</template>

<script>
export default {
  props: ["item", "value"],
};
</script>


<style lang="less">
    .fa {
        padding-left: 10px;
        span {
            padding-right: 10px;
            font-size: 15px;
            line-height: 45px;
            color: #333
        }
    }
</style>